{% extends "base.html" %}
{% block title %}password change{% endblock %}
{% block content %}
<div class="row text-center vertical-middle-sm">
    <h1>Change Password</h1>
    <p>Please enter your old password, for security's sake,and thrn enter your new
        password twice so we can verify you typed it in correctly.</p>
    {% if from.new_password1.help_text %}
    <div class="text-left" style="margin-left: 400px">
        <p>{{form.new_password1.help_text|safe}}</p>
    </div>
    {% endif %}
    <form class="form-horizontal" action="." method="post">{% csrf_token %}
        <div class="form-group">
            <label class='col-md-5 control-label text-right'>{{form.old_password.label_tag}}</label>
            <div class="col md-6 text-left">{{form.old_password}}</div>
        </div>
        <div class="form-group">
            <label class='col-md-5 control-label text-right'>{{form.new_password1.label_tag}}</label>
            <div class="col-md-6 text-left">{{form.new_password1}}</div>
        </div>
        <div class="form-group">
            <label class='col-md-5 control-label text-right'>{{form.new_password2.label_tag}}</label>
            <div class="col-md-6 text-left">{{form.new_password2}}</div>
        </div>
        <input type="submit" value="Chang my password" class="btn btn-primary btn-lg"/>
    </form>
</div>
{% endblock %}